<template>
    <el-carousel :interval="2000" arrow="always" height="449px" indicator-position="outside">
        <el-carousel-item v-for="item,i in listData" :key="item">
            <a :href="contenthr[i]" :title="contentlist[i]">
                 <img :src="item" class="image">
            </a>
            <div class="fontj">{{contentlist[i]}}</div>
        </el-carousel-item>
    </el-carousel>
</template>

<script setup lang="ts">
const listData = [//banner图
    "https://www.scvtc.edu.cn/__local/0/64/A7/33BA01C050CAEDA584AC2881C95_0445BF12_235F9.jpg",
    "https://www.scvtc.edu.cn/__local/E/B1/D7/2134C319C7848841124B5EE48D1_3337DC6B_22185.jpg",
    "https://www.scvtc.edu.cn/__local/4/B4/B0/7D9BAC0ACDA10A5712295FB002C_6F664BAC_1E0EB.jpg",
    "https://www.scvtc.edu.cn/__local/F/2E/AC/070F0EF204A6BDC0CDFCE5F18D1_70A9B70B_2B340.jpg",
    "https://www.scvtc.edu.cn/__local/4/5A/C4/55B922F3014716365D05AAC25AA_19A04B3F_A0E9.jpg"];
    const contentlist=[
    '学校简介视频',
    '服务民族地区，打造“对标定制，多元协作”',
    '深化企业合作，开启产教融合新局面',
    '产教融合出实招，校园飞出“金凤凰”',
    '计算机工程学院'
    ];
    const contenthr=[
        "https://www.scvtc.edu.cn/info/1001/19964.htm",
        "https://www.scvtc.edu.cn/info/1001/23081.htm",
        "https://www.scvtc.edu.cn/info/1001/23082.htm",
        "https://www.scvtc.edu.cn/info/1001/23115.htm",
        "https://www.scvtc.edu.cn/info/1001/19961.htm"
    ];
</script>

<style scoped lang="scss">
.image {
    width: 100%;
    height: 400px;
}
.fontj{
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 18px;
}
</style>